<script setup>
    const props=defineProps(["propsName","propsurl"])
    console.log(props)

    import { provide, inject } from 'vue'

    //导入子组件
    import Nav from "./nav.vue"

    //子组件通过inject注入父组件提供的 响应式数据
    const user = inject("provideUser")
    console.log("provideUser:",user.value)

    //provide用于父组件将 数据 提供给所有子组件
    provide("provideUrl","dengruicode.com")
</script>

<template>
    <h3>子组件header</h3>
    <hr style=" height:2px;border:none;border-top:2px dotted black;" /> 
    <!-- 子组件 -->
    <Nav/>
    <hr style="height:1px;border:none;border-top:1px solid black;" />
</template>

<style scoped>

</style>
